import echarts from 'echarts'

export const provinceData = [
    {
        name: '黑龙江', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '吉林', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },

        ], value: 9
    },
    {
        name: '辽宁', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '内蒙古', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '北京', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '天津', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '河北', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '山东', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '山西', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '江苏', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '上海', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
        ], value: 4
    },
    {
        name: '浙江', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '福建', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '广东', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '海南', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '台湾', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 4
    },
    {
        name: '香港', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '澳门', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '河南', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '安徽', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '江西', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '广东', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '陕西', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },

        ], value: 4
    },
    {
        name: '湖北', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '湖南', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 4
    },
    {
        name: '广西', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '宁夏', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '重庆', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '贵州', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 4
    },
    {
        name: '四川', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '云南', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '甘肃', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '青海', type: 'areaCenterCity', detail: [

        ], value: 0
    },
    {
        name: '西藏', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    },
    {
        name: '新疆', type: 'areaCenterCity', detail: [
            { coalName: '工区1', number: Math.round(Math.random() * 1000) },
            { coalName: '工区2', number: Math.round(Math.random() * 1000) },
        ], value: 2
    }
];

//柱状图的配置项
export const getOption1 = (barData) => {
    return {
        // title: {
        //     text: '年度测井分布',
        //     textStyle: {
        //         color: '#2a7cb3',
        //     }
        // },
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            top: '5%',
            left: '3%',
            right: '4%',
            bottom: '5%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    lineStyle: {
                        color: '#16B0FF'
                    },
                },
                axisLabel: {
                    textStyle: {
                        color: '#ffffff',
                    }
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    lineStyle: {
                        color: '#16B0FF'
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: 'rgba(22, 176, 255, 0.2)'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#ffffff',
                    }
                }
            }
        ],
        color: ['#007BC7'],
        series: [
            {
                name: '测井数量',
                type: 'bar',
                barWidth: '50%',
                data: barData,
                itemStyle: {
                    normal: {
                        barBorderRadius: [20, 20, 0, 0],
                        color: new echarts.graphic.LinearGradient(
                            0, 0, 0, 1,
                            [
                                { offset: 0, color: '#19a1f1' },                   //柱图渐变色
                                { offset: 1, color: '#051933' },                   //柱图渐变色
                            ]
                        )
                    }
                },
            }
        ]
    }
};

//环图配置项
export const getOption2 = () => {
    return {
        // title: {
        //     text: '测井仪器使用占比图',
        //     textStyle: {
        //         color: '#2a7cb3',
        //     }
        // },
        tooltip: {
            trigger: 'item',
            formatter: '{b}<br/>钻孔数量: {c}</br>占比: ({d}%)'
        },
        legend: {
            orient: 'horizontal',
            bottom: 20,
            right: 25,
            // data: ['仪器1', '仪器2', '仪器3', '仪器4', '仪器5'],
            data: [
                {
                    name: '仪器1',
                    textStyle: {
                        color: '#2a7cb3'
                    },
                },
                {
                    name: '仪器2',
                    textStyle: {
                        color: '#2a7cb3'
                    }
                },
                {
                    name: '仪器3',
                    textStyle: {
                        color: '#2a7cb3'
                    }
                },
                {
                    name: '仪器4',
                    textStyle: {
                        color: '#2a7cb3'
                    }
                },
                {
                    name: '仪器5',
                    textStyle: {
                        color: '#2a7cb3'
                    }
                }
            ]
        },
        series: [
            {
                name: '测井数量',
                type: 'pie',
                radius: '60%',
                center: ['45%', '40%'],
                avoidLabelOverlap: false,
                itemStyle: {
                    color: '#c23531',
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0.5)',
                },
                label: {
                    show: true,
                },
                roseType: 'radius',
                labelLine: {
                    normal: {
                        show: true,
                    }
                },
                data: [
                    { value: 1048, name: '仪器1', itemStyle: { color: '#bd3fff' } },
                    { value: 735, name: '仪器2', itemStyle: { color: '#32F3FF' } },
                    { value: 580, name: '仪器3', itemStyle: { color: '#1e5eff' } },
                    { value: 484, name: '仪器4', itemStyle: { color: '#FFC809' } },
                    { value: 300, name: '仪器5' }
                ]
            }
        ]
    }
};

export const getOption3 = (yData, seriseData) => {
    return {
        // title: {
        //     text: '工作面钻孔统计图',
        //     textStyle: {
        //         color: '#2a7cb3',

        //     }

        // },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            },
            formatter: '{b}</br> 钻孔数量: {c}'
        },
        // legend: {
        //     data: ['2011年', '2012年']
        // },
        grid: {
            top: '5%',
            left: '3%',
            right: '4%',
            bottom: '5%',
            containLabel: true
        },
        xAxis: {
            type: 'value',
            boundaryGap: [0, 0.01],
            axisLine: {
                lineStyle: {
                    color: '#2a7cb3'
                }
            },
            splitLine: {
                lineStyle: {
                    color: 'rgba(22, 176, 255, 0.2)'
                }
            },
            axisLabel: {
                textStyle: {
                    color: '#FFFFFF'
                }
            }
        },
        yAxis: {
            type: 'category',
            data: yData,
            axisLabel: {
                show: true,
                verticalAlign: "top",
                lineHeight: 11,
                align: "right",
                width: 10,
                height: 10,
                overflow: 'breakAll',
                textStyle: {
                    color: '#FFFFFF'
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#2a7cb3'
                }
            },
        },
        color: ['#007BC7'],
        series: [
            {
                type: 'bar',
                data: seriseData,
                itemStyle: {
                    normal: {
                        color: '#12E0FF',
                    }
                },
                barWidth: 14,
            }
        ]
    }
};


export const getChinaMap = (data) => {
    data.forEach(item => {
        if (item.name === '新疆维吾尔自治区') {
            item.itemStyle = {
                color: '#16549f',
                opacity: 0.9,
            }
        }
        if (item.name === '内蒙古自治区') {
            item.itemStyle = {
                color: '#194ba0',
                opacity: 0.9
            }
        }
        if (item.name === '黑龙江省') {
            item.itemStyle = {
                color: '#123b95',
                opacity: 0.9
            }
        }
        if (item.name === '甘肃省') {
            item.itemStyle = {
                color: '#1948a0',
            }
        }
        if (item.name === '青海省') {
            item.itemStyle = {
                color: '#1d51a5',
            }
        }
        if (item.name === '西藏自治区') {
            item.itemStyle = {
                color: '#1d50a9',
                opacity: 0.9
            }
        }
        if (item.name === '云南省') {
            item.itemStyle = {
                color: '#2374b6',
                opacity: 0.9,
            }
        }
        if (item.name === '吉林省') {
            item.itemStyle = {
                color: '#1759a0',
                opacity: 0.9,
            }
        }
        if (item.name === '辽宁省') {
            item.itemStyle = {
                color: '#1a4f9f',
                opacity: 0.9
            }
        }
        if (item.name === '北京市') {
            item.label = {
                textStyle: {
                    backgroundColor: '#fbcf48',
                    color: '#ca5254',
                    fontSize: 16,
                },
                emphasis: {
                    textStyle: {
                        backgroundColor: '#fbcf48',
                        color: '#ca5254',
                        fontSize: 16,
                    },
                }
            }
        }
        if (item.name === '上海市') {
            item.label = {
                textStyle: {
                    backgroundColor: '#0c9956',
                    fontSize: 16,
                },
                emphasis: {
                    textStyle: {
                        backgroundColor: '#0c9956',
                        fontSize: 16,
                    },
                }
            }
        }
        if (item.name === '重庆市') {
            item.label = {
                textStyle: {
                    backgroundColor: '#912a44',
                    fontSize: 16,
                },
                emphasis: {
                    textStyle: {
                        backgroundColor: '#912a44',
                        fontSize: 16,
                    },
                }
            }
        }
        if (item.name === '天津市') {
            item.label = {
                textStyle: {
                    backgroundColor: '#0488ac',
                    fontSize: 16,
                },
                emphasis: {
                    textStyle: {
                        backgroundColor: '#0488ac',
                        fontSize: 16,
                    },
                }
            }
        }
        if (item.name === '四川省') {
            item.itemStyle = {
                color: '#215ca9'
            }
        }
        if (item.name === '广东省' || item.name === '广西壮族自治区' || item.name === '福建省' || item.name === '浙江省') {
            item.itemStyle = {
                color: '#3372b1',
                opacity: 0.9,
            }
        }
    })
    return {
        selectedMode: 'multiple', // 选中效果固话
        tooltip: { // 提示框
            show: true,
            enterable: true,
            trigger: 'item',
            triggerOn: 'mousemove',
            formatter: function (params) {
                return params.name;
            }
        },
        series: [{
            name: 'map3D',
            type: "map3D", // map3D / map
            map: 'china',
            label: { // 标签的相关设置
                show: true, // (地图上的城市名称)是否显示标签 [ default: false ]
                // distance: 5, // 标签距离图形的距离，在三维的散点图中这个距离是屏幕空间的像素值，其它图中这个距离是相对的三维距离
                //formatter:, // 标签内容格式器
                textStyle: { // 标签的字体样式
                    color: '#ffffff', // 地图初始化区域字体颜色
                    fontSize: 14, // 字体大小
                    opacity: 1, // 字体透明度
                    backgroundColor: 'rgba(27, 79, 163,0.8)', // 字体背景色
                    borderWidth: 1,
                    borderColor: '#ffffff'
                },
                emphasis: {
                    show: true,
                    textStyle: { // 标签的字体样式
                        color: '#ffffff', // 地图初始化区域字体颜色
                        fontSize: 14, // 字体大小
                        opacity: 1, // 字体透明度
                        backgroundColor: 'rgba(27, 79, 163,0.8)', // 字体背景色
                        borderWidth: 1,
                        borderColor: '#ffffff'
                    },
                }
            },
            tooltip: { //提示框组件。
                alwaysShowContent: true,
                hoverAnimation: true,
                trigger: 'item', //触发类型 散点图
                enterable: true, //鼠标是否可进入提示框
                transitionDuration: 1, //提示框移动动画过渡时间
                triggerOn: 'mousemove',
                showDelay:200,
                formatter: function (params) {
                    let tipHtml = '<div class="tooltip">'
                    tipHtml += `<p style="margin-bottom:0px;font-size:18px;font-weight:bold;">${params.name}</p>`
                    if (params.data.detail&&params.data.detail.length !== 0) {
                        params.data.detail.forEach((item, index) => {
                            tipHtml += '<p key=' + index + ' style="display:flex;justify-content: space-between;align-items: center;margin-bottom:0px;margin-top:10px"><a style="color:#ffffff" href="/#/home?' + item.organizationId + '" id=' + item.organizationId + '>' + item.organizationName + '</a>' + item.drillSum + '</p>'
                        })
                    } else {
                        tipHtml += '<div style="height:50px;line-height:50px;text-align:center">该区域暂无钻井</div>'
                    }
                    return tipHtml += '</div>';
                },
                borderWidth: '0px',
                borderRadius: '0',
                borderColor: 'rgba(255,255,255,0)',
                textStyle: {
                    color: 'rgba(255,255,255,1)',
                },
                padding: [20],
                extraCssText: `background:url(${require('../../assets/image/tooltipBg.png')}) no-repeat center center ;width:234px;height:134px;background-size:100% 100%;`
            },
            itemStyle: { // 三维地理坐标系组件 中三维图形的视觉属性，包括颜色，透明度，描边等。
                color: '#266ea8',
                opacity: 1, // 图形的不透明度 [ default: 1 ]
                borderWidth: 1, // (地图板块间的分隔线)图形描边的宽度。加上描边后可以更清晰的区分每个区域 [ default: 0 ]
                borderColor: '#143258', // 图形描边的颜色。[ default: #333 ]
            },
            light: {                    // 光照相关的设置。在 shading 为 'color' 的时候无效。  光照的设置会影响到组件以及组件所在坐标系上的所有图表。合理的光照设置能够让整个场景的明暗变得更丰富，更有层次。
                main: {                     // 场景主光源的设置，在 globe 组件中就是太阳光。
                    intensity: 2,             //主光源的强度。[ default: 1 ]
                    shadow: true,              //主光源是否投射阴影。默认关闭。    开启阴影可以给场景带来更真实和有层次的光照效果。但是同时也会增加程序的运行开销。
                    alpha: 150,                  // 主光源绕 x 轴，即上下旋转的角度。配合 beta 控制光源的方向。[ default: 40 ]
                    beta: 200                   // 主光源绕 y 轴，即左右旋转的角度。[ default: 40 ]
                },
            },
            viewControl: {			// 用于鼠标的旋转，缩放等视角控制。
                projection: 'perspective',		// 投影方式，默认为透视投影'perspective'，也支持设置为正交投影'orthographic'。
                autoRotate: false,				// 是否开启视角绕物体的自动旋转查看。[ default: false ] 
                autoRotateDirection: 'cw',		// 物体自传的方向。默认是 'cw' 也就是从上往下看是顺时针方向，也可以取 'ccw'，既从上往下看为逆时针方向。
                autoRotateSpeed: 10,			// 物体自传的速度。单位为角度 / 秒，默认为10 ，也就是36秒转一圈。
                autoRotateAfterStill: 3,		// 在鼠标静止操作后恢复自动旋转的时间间隔。在开启 autoRotate 后有效。[ default: 3 ]
                damping: 0,						// 鼠标进行旋转，缩放等操作时的迟滞因子，在大于等于 1 的时候鼠标在停止操作后，视角仍会因为一定的惯性继续运动（旋转和缩放）。[ default: 0.8 ]
                rotateSensitivity: 0,			// 旋转操作的灵敏度，值越大越灵敏。支持使用数组分别设置横向和纵向的旋转灵敏度。默认为1, 设置为0后无法旋转。	rotateSensitivity: [1, 0]——只能横向旋转； rotateSensitivity: [0, 1]——只能纵向旋转。
                zoomSensitivity: 0,				// 缩放操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法缩放。
                panSensitivity: 0,				// 平移操作的灵敏度，值越大越灵敏。默认为1,设置为0后无法平移。支持使用数组分别设置横向和纵向的平移灵敏度
                panMouseButton: 'left',			// 平移操作使用的鼠标按键，支持：'left' 鼠标左键（默认）;'middle' 鼠标中键 ;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)
                rotateMouseButton: 'left',		// 旋转操作使用的鼠标按键，支持：'left' 鼠标左键;'middle' 鼠标中键（默认）;'right' 鼠标右键(注意：如果设置为鼠标右键则会阻止默认的右键菜单。)
                distance: 120,					// [ default: 100 ] 默认视角距离主体的距离，对于 grid3D 和 geo3D 等其它组件来说是距离中心原点的距离,对于 globe 来说是距离地球表面的距离。在 projection 为'perspective'的时候有效。
                minDistance: 40,				// [ default: 40 ] 视角通过鼠标控制能拉近到主体的最小距离。在 projection 为'perspective'的时候有效。
                maxDistance: 400,				// [ default: 400 ] 视角通过鼠标控制能拉远到主体的最大距离。在 projection 为'perspective'的时候有效。
                alpha: 65, 						// 视角绕 x 轴，即上下旋转的角度。配合 beta 可以控制视角的方向。[ default: 40 ]
                beta: 8,						// 视角绕 y 轴，即左右旋转的角度。[ default: 0 ]
                minAlpha: -360,					// 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
                maxAlpha: 360,					// 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
                minBeta: -360,					// 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
                maxBeta: 360,					// 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
                center: [2, 0, -8],				// 视角中心点，旋转也会围绕这个中心点旋转，默认为[0,0,0]。
                animation: true,				// 是否开启动画。[ default: true ]
                animationDurationUpdate: 1000,	// 过渡动画的时长。[ default: 1000 ]
                animationEasingUpdate: 'cubicInOut'		// 过渡动画的缓动效果。[ default: cubicInOut ]
            },
            data: data,
        }],
    };

}


export const getOption4 = () => {
    return {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '邮件营销',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [120, 132, 101, 134, 90, 230, 210]
            },
            {
                name: '联盟广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [220, 182, 191, 234, 290, 330, 310]
            },
            {
                name: '视频广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [150, 232, 201, 154, 190, 330, 410]
            },
            {
                name: '直接访问',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [320, 332, 301, 334, 390, 330, 320]
            },
            {
                name: '搜索引擎',
                type: 'line',
                stack: '总量',
                label: {
                    show: true,
                    position: 'top'
                },
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [820, 932, 901, 934, 1290, 1330, 1320]
            }
        ]
    }
};